import { createStore } from 'vuex'

export default createStore({
  // 
  state: {
    // 默认首页
    editableTabsValue:'/index',
    editableTabs:[{
      title:'首页',
      name:'/index'
    }]
  },
  getters: {
  },
  mutations: {
    // 增加新的标签页
    ADD_TABS:(state, tab)=>{
      // 要添加的标签页在editableTabs状态变量上面不存在时才能进行添加，否则不添加
      if(state.editableTabs.findIndex(e=>e.name===tab.path)===-1){
        state.editableTabs.push({
          title:tab.name,
          name:tab.path
        })
      }
      // 将当前选中项的editableTabsValue索引进行改变，更新到最新的一项
      state.editableTabsValue=tab.path
    },
    // 当安全退出后需要重置为默认tab
    RESET_TAB:(state)=>{
      state.editableTabsValue = '/index'
      state.editableTabs=[{
        title:'首页',
        name:'/index'
      }]
    },
    // 
  },
  actions: {
  },
  modules: {
  }
})
